// body.body {
//   background-color: #2980ed;
// }
.top {
  overflow: hidden;
  .wrong {
    width: Rm(32);
    height: Rm(32);
    margin: Rm(29) 0 Rm(48) Rm(37);
    background: url("./bg_img/wrong.png") no-repeat;
    background-size: Rm(32);
  }
}
.main {
  padding: 0 Rm(44);
  h2 {
    height: Rm(50);
    line-height: Rm(50);
    font-size: Rm(31);
    text-align: center;
    color: #fff;
  }
  .form {
    li {
      height: Rm(88);
      display: block;
      box-sizing: border-box;
      border-bottom: 1px solid #5b9ef1;
    }
    .joy {
      display: block;
      color: #fff;
      font-size: Rm(25);
      text-indent: Rm(16);
      border: none;
      outline: none;
      background: transparent;
    }
    .user {
      li {
        padding: Rm(16) Rm(2) 0 0;
        span {
          display: block;
          text-indent: Rm(16);
          height: Rm(30);
          line-height: Rm(30);
          font-size: Rm(20);
          color: #abc6f6;
        }
        .inp {
          height: Rm(32);
        }
      }
    }
    .select {
      li {
        padding: Rm(40) Rm(2) 0 0;
        select.sel {
          width: 100%;
          height: Rm(36);
          line-height: Rm(36);
          background-size: Rm(23) Rm(12);
        }
      }
    }
    .btn {
      input {
        width: 100%;
        height: Rm(79);
        background: #ffffff;
        font-size: Rm(32);
        color: #3a8cf2;
        border: none;
        outline: none;
        border-radius: Rm(8);
        margin-top: Rm(70);
      }
    }
  }
  .bto {
    margin: Rm(72) 0 Rm(34);
    p {
      font-size: Rm(21);
      color: #1a60b8;
      text-align: center;
      height: Rm(28);
      line-height: Rm(28);
    }
  }
}
